const {resolve} = require('path')
const HtmlWebpackPlugin = require('html-webpack-plugin')

/*
    entry: 入口起点
    1.string --> '/js/index.js'
        打包形成一个chunk。输入一个bundle文件
        此时chunk的名称默认是 main
    2.array --> ['/js/index.js', '/js/add.js']
        多入口
        所有入口文件最终只会形成一个chunk，输出出去的只有一个bundle文件
        --> 只有在HMR功能中让html热更新生效
    3.object -->
        多入口
        有几个入口文件就形成几个chunk，输出几个bundle文件
        此时chunk名称就是 key

        --> 特殊用法
        {
            // 所有入口文件最终只会形成一个chunk，输出出去的只有一个bundle文件
            index: ['/js/index.js', '/js/add.js']
            // 形成一个chunk，输出一个bundle文件
            count: ['js/count.js']
        }

 */
module.exports = {
    entry: '/js/index.js',

    output: {
        filename: 'js/built.js',
        path: resolve(__dirname, 'build')
    },

    plugins: [
        new HtmlWebpackPlugin()
    ],

    mode: 'development'
}